<?php
    include('includes/header.php');
?>
        <section>
            <div id="section-left">
                <img src="http://themerox.com/themeforest/wordpress/metro_rox/wp-content/uploads/2013/05/slider_4.png" width="525px" height="277" alt="Slide 1">
            </div>
            <div id="section-right">
                <div id="zone-tile-left">
                    <div class="tile-1 bgcolor-violet" >
                        <div class="tile-title">
                            <div class="tile-title-icon"></div>
                            <div class="tile-title-text">
                                <span>Môn học</span>
                            </div>
                            <div style="clear: both"></div>
                        </div>
                        <div class="tile-1-left">
                            <a href="toan">Toán (10)</a>
                            <a href="toan">Lý (20)</a>
                            <a href="toan">Hóa (30)</a>
                            <a href="toan">Văn (35)</a>
                            <a href="toan">Sử (13)</a>
                            <a href="toan">Địa (5)</a>
                            <a href="toan">Sinh (15)</a>

                        </div>
                        <div class="tile-1-right">
                            <a href="toan">Luyện thi TOEIC (10)</a>
                            <a href="toan">Luyện thi TOEL (20)</a>
                        </div>
                        <div style="clear: both"></div>
                    </div>
                    <div class="tile-2 bgcolor-blue">
                            <a class="a-tile-2" href="#">
                                <span>
                                    Lấy lại kiến thức căn bản (10)
                                </span>
                            </a>
                    </div>
                    <div class="tile-2 bgcolor-red">
                        <a class="a-tile-2" href="#">
                                <span>
                                    Luyện thi đại học (30)
                                </span>
                        </a>
                    </div>
                    <div style="clear: both"></div>
                </div>
                <div id="zone-tile-right">
                    <div id="zone-tile-right-left">
                        <div class="tile-2 bgcolor-yellow">
                            <a class="a-tile-2" href="#">
                                <span>
                                    Lớp đặc biệt (30)
                                </span>
                            </a>
                        </div>
                        <div class="tile-2 bgcolor-cyan tile-2-long">
                            <div class="tile-title">
                                <div class="tile-title-icon"></div>
                                <div class="tile-title-text">
                                    <span style="font-size: 13px">Ngoại ngữ</span>
                                </div>
                                <div style="clear: both"></div>
                            </div>
                            <div class="tile-2-content">
                                <a href="toan">Tiếng Anh (73)</a>
                                <a href="toan">Tiếng Trung (30)</a>
                                <a href="toan">Tiếng Hàn (35)</a>
                                <a href="toan">Tiếng Nhật (13)</a>
                                <a href="toan">Tiếng Nga (23)</a>
                                <a href="toan">Tiếng Đức (15)</a>
                            </div>
                        </div>
                    </div>
                    <div id="zone-tile-right-right">
                        <div class="tile-2 bgcolor-green cap-height">
                            <a class="a-cap cap" href="#">
                                <div class="cap">
                                    Cấp I
                                </div>
                                <span class="num">
                                    -107-
                                </span>
                            </a>
                        </div>
                        <div class="tile-2 bgcolor-red cap-height">
                            <a class="a-cap" href="#">
                                <div class="cap">
                                    Cấp II
                                </div>
                                <span class="num">
                                    -70-
                                </span>
                            </a>
                        </div>
                        <div class="tile-2 bgcolor-violet cap-height">
                            <a class="a-cap" href="#">
                                <div class="cap">
                                    Cấp III
                                </div>
                                <span class="num">
                                    -160-
                                </span>
                            </a>
                        </div>
                        <div class="bgcolor-blue div-view-more">
                            <a class="a-view-more" href="#">
                                <span>Xem thêm</span>
                            </a>
                        </div>
                    </div>
                    <div style="clear: both"></div>
                </div>
                <div style="clear: both"></div>
                <div class="tile-khu-vuc bgcolor-prune">
                    <div class="tile-title">
                        <div class="tile-title-icon"></div>
                        <div class="tile-title-text">
                            <span>Khu vực</span>
                        </div>
                        <div style="clear: both"></div>
                    </div>
                    <a href="#">Hai Bà Trưng (30)</a>
                    <a href="#">Hoàn Kiếm (35)</a>
                    <a href="#">Long Biên (56)</a>
                    <a href="#">Cầu Giấy (13)</a>
                    <a href="#">Đống Đa (34)</a>
                    <a href="#">Hoàng Mai (57)</a>
                    <a href="#">Thanh Xuân (27)</a>
                    <a href="#">Tây Hồ (77)</a>
                    <div style="height:15px;clear: both"></div>
                </div>
            </div>
            <div style="clear: both"></div>
        </section>
<?php
    include('includes/footer.php');
?>